<script type="text/javascript">
	function validaCampo()
	{
		if(document.cadastro.nome.value=="")
		{
			alert("O campo 'Nome' é obrigatório!");
			return false;
		}
		else
			if(document.cadastro.telefone.value=="")
			{
				alert("O campo 'Telefone' é obrigatório!");
				return false;
			}
			else
				if(document.cadastro.endereco.value=="")
				{
					alert("O campo 'Endereço' é obrigatório!");
					return false;
				}
				else
					if(document.cadastro.email.value=="")
					{
						alert("O campo 'Email' é obrigatório!");
						return false;
					}
					else
					if(document.cadastro.senha.value=="")
				{
					alert("O campo 'Senha' é obrigatório!");
					return false;
				}
				else
						return true;
	} /* Fim do JavaScript que validará os campos obrigatórios! -->*/
</script>

<!-- Mascara do telefone  -->

<script type="text/javascript">
	$(document).ready(function() {
		$("#telefone").mask("(99) 9999-9999");
	});
</script>

<div id="content">
	<div id="content_left">
		<h2>Cadastro de Cliente</h2>
		<form id="cadastro" name="cadastro" method="post" action="cadastro_cliente.php" onsubmit="return validaCampo(); return false;">
			<table width="350" border="0">
				<tr>
					<td width="69">Nome:</td>
				</tr>
				<tr>
					<td colspan="2">
						<input name="nome" type="text" size="50" maxlength="60" />
						<span class="style1">*</span>
					</td>
				</tr>
				<tr>
					<td width="69">Endere&ccedil;o:</td>
				</tr>
				<tr>
					<td colspan="2">
						<input name="endereco" type="text" size="50" maxlength="60" />
						<span class="style1">*</span>
					</td>
				</tr>
				<tr>
					<td width="69">Email:</td>
				</tr>
				<tr>
					<td colspan="2">
						<input name="email" type="text" size="50" maxlength="60" />
						<span class="style1">*</span>
					</td>
				</tr>
				<tr>
					<td width="69">Telefone:</td>
					<td width="69">Senha:</td>
				</tr>
				<tr>
					<td>					
						<input name="telefone" type="text" size="20" id="telefone" />
						<span class="style1">*</span>
					</td>
					<td>
						<input name="senha" type="password" size="20" maxlength="8" />
						<span class="style1">*</span>
					</td>
				</tr>
				<tr>
					<td colspan="2">
					<p>
						<input name="cadastrar" type="submit" id="cadastrar" value="Concluir Cadastro" />
						<input name="limpar" type="reset" id="limpar" value="Limpar Campos" /><br />
						<span class="style1">* Todos os campos com * são obrigatórios! </span>
					</p><p></p></td>
				</tr>
			</table>
		</form>
	</div>
	<div id="content_right">
	</div>
</div>
